<template>
  <div class="position-absolute top-50 start-50 translate-middle">
    <div class="container col-xxl-8 px-4 py-5">
      <div class="col-12 text-center">
        <img
          alt="Not Found"
          class="d-block mx-lg-auto img-fluid"
          loading="lazy"
          width="600"
          height="400"
          src="../../assets/404.svg"
        /> 
        <br>
        <span class="h2">{{ $t("error.notfound.title") }}</span> <br>
        <span class="lead">{{ $t("error.notfound.description") }}</span> <br> <br>
        <router-link :to="{name: 'introduce'}">{{ $t("common.actions.goback") }}</router-link>
      </div>
    </div>
  </div>
</template>